<template>
    <div class="w-full h-full flex flex-col">
        <div class="w-full  flex flex-col">
            <el-page-header @back="$router.back()" content="咨询师详情">
            </el-page-header>
            <el-divider class=" mb-w10"></el-divider>
        </div>
        <div class="w-full h-w800 flex flex-col overflow-y-auto ">
            <div class="flex flex-row items-start  w-w1/2   text-c3 text-f16  mt-w30">
                <div class=" w-w1/4 text-right pr-w20 ">咨询师照片</div>
                <el-upload action="" :show-file-list="false" :on-change="action_select_heard" :auto-upload="false"
                    accept="image/png, image/jpeg">
                    <img v-if="s_export.m_export.heard_url" :src="s_export.m_export.heard_url"
                        style="width: 100px;height: 100px;  display: block;">
                    <i v-else class="el-icon-plus avatar-uploader-icon"
                        style="width:100px;height:100px;line-height:100px;"></i>
                </el-upload>
            </div>
            <div class="flex flex-row items-center w-w1/2 h-w50 leading-w50 text-c3 text-f16  mt-w30">
                <div class=" w-w1/4 text-right pr-w20">咨询师姓名</div>
                <el-input class="w-w2/4" v-model="s_export.m_export.name" disabled>
                </el-input>
            </div>
            <div class="flex flex-row items-start w-w1/2 text-c3 text-f16  mt-w30">
                <div class=" w-w1/4 text-right pr-w20 mt-w5">咨询师介绍</div>
                <el-input class="w-w2/4" placeholder="请输入内容" v-model="s_export.m_export.introduce" type="textarea"
                    rows="4">
                </el-input>
            </div>

            <div class="flex flex-row items-start w-w1/2 text-c3 text-f16  mt-w30">
                <div class=" w-w1/4 text-right pr-w20 mt-w5">咨询对象</div>
                <el-select class="w-w2/4" v-model="s_export.m_export.target_list" multiple placeholder="请选择">
                    <el-option v-for="item in s_export.list_target" :key="item.id" :label="item.name"
                        :value="item.id + ''">
                    </el-option>
                </el-select>
            </div>

            <div class="flex flex-row items-start w-w1/2 text-c3 text-f16  mt-w30">
                <div class=" w-w1/4 text-right pr-w20 mt-w5">咨询主题</div>
                <el-select class="w-w2/4" v-model="s_export.m_export.theme_list" multiple placeholder="请选择">
                    <el-option v-for="item in s_export.list_theme" :key="item.id" :label="item.name"
                        :value="item.id + ''">
                    </el-option>
                </el-select>
            </div>

            <div class="flex flex-row items-start w-w1/2 text-c3 text-f16  mt-w30">
                <div class=" w-w1/4 text-right pr-w20 mt-w5">擅长疗法</div>
                <el-select class="w-w2/4" v-model="s_export.m_export.field_list" multiple placeholder="请选择">
                    <el-option v-for="item in s_export.list_field" :key="item.id" :label="item.name"
                        :value="item.id + ''">
                    </el-option>
                </el-select>
            </div>

            <div class="flex flex-row items-start w-w1/2 text-c3 text-f16  mt-w30">
                <div class=" w-w1/4 text-right pr-w20 mt-w5">受训经历</div>
                <el-input class="w-w2/4" placeholder="请输入内容" v-model="s_export.m_export.experience" type="textarea"
                    rows="4">
                </el-input>
            </div>
            <div class="flex flex-row items-start w-w1/2 text-c3 text-f16  mt-w30">
                <div class=" w-w1/4 text-right pr-w20 mt-w5">资历资质</div>
                <el-input class="w-w2/4" placeholder="请输入内容" v-model="s_export.m_export.qualifications" type="textarea"
                    rows="4">
                </el-input>
            </div>
            <div class="flex flex-row items-start w-w1/2 text-c3 text-f16  mt-w30">
                <div class=" w-w1/4 text-right pr-w20 mt-w5">咨询日期</div>
                <el-checkbox-group class="w-w3/4" v-model="s_export.m_export.week_list">
                    <el-checkbox :label="1">周一</el-checkbox>
                    <el-checkbox :label="2">周二</el-checkbox>
                    <el-checkbox :label="3">周三</el-checkbox>
                    <el-checkbox :label="4">周四</el-checkbox>
                    <el-checkbox :label="5">周五</el-checkbox>
                    <el-checkbox :label="6">周六</el-checkbox>
                    <el-checkbox :label="7">周日</el-checkbox>
                </el-checkbox-group>
            </div>
            <div class="flex flex-row items-start w-w1/2 text-c3 text-f16  mt-w30">
                <div class="w-w1/4 text-right pr-w20 mt-w5">咨询时间</div>
                <div class="w-w3/4 flex flex-col">
                    <div class="w-full flex flex-row items-center mb-w10"
                        v-for="(item, index) in s_export.m_export.time_list" :key="index">
                        <el-time-select class="w-w100" placeholder="起始时间" v-model="item.start" size="small"
                            :picker-options="{
                                start: '09:00',
                                step: '00:10',
                                end: '21:00',
                                maxTime: item.end
                            }">
                        </el-time-select>
                        <el-time-select class="w-w100" placeholder="结束时间" v-model="item.end" size="small"
                            :picker-options="{
                                start: '09:00',
                                step: '00:10',
                                end: '21:00',
                                minTime: item.start
                            }">
                        </el-time-select>
                        <i class="el-icon-circle-plus-outline text-cmain text-f18 cursor-pointer ml-w5"
                            v-if="index == s_export.m_export.time_list.length - 1" @click="action_add_list(item)"></i>
                        <i class="el-icon-remove-outline text-calt text-f18 cursor-pointer ml-w5" v-if="index != 0"
                            @click="action_splice_list(index)"></i>

                    </div>
                </div>
            </div>


            <div class="flex flex-row items-start w-w1/2 text-c3 text-f16  mt-w30">
              <div class="w-w1/4 text-right pr-w20 mt-w5">排序</div>
              <el-input-number class="w-w2/4" v-model="s_export.m_export.sort" :step="1" :min="0">
              </el-input-number>
            </div>

            <div class="flex flex-row items-start w-w1/2   text-c3 text-f16  mt-w30">
                <div class=" w-w1/4 text-right pr-w20"></div>
                <el-button class="w-w2/4 bg-cmain" type="primary" @click="action_edit_export">
                    {{ s_export.m_export.status == 0 ? '审核通过' : '确定' }}</el-button>
            </div>

        </div>

    </div>
</template>

<script src="./Index.ts"></script>
<style src="./Index.less" lang="less" scoped>
</style>
